<!--订单首页-->
<style scoped lang="less">
.gridbg {
  background-color: #fefefe;
}
</style>

<template>
  <div class="contain">
    <manage-header></manage-header>
      <div class="cf gridbg">
        <!-- <router-link v-bind:to="{path:'/order/placeOrder'}" class="order-block displayflex">
          <i class="iconfont icon-pre-order"></i>
          <dl class="order-txt flex1">
            <dt>代下订单</dt>
            <dd>待客户下单</dd>
          </dl>
        </router-link> -->

        <router-link v-bind:to="{path:'/order/acceptList',query: {type: '1'}}" class="order-block displayflex">
          <i class="iconfont icon-send-stock"></i>
          <dl class="order-txt flex1">
            <dt>订单受理</dt>
            <dd>高值、普耗</dd>
          </dl>
        </router-link>

        <router-link v-bind:to="{path:'/order/consumablemateriaList'}" class="order-block displayflex">
          <i class="llse llse-highvalue"></i>
          <dl class="order-txt flex1">
            <dt>高值订单</dt>
            <dd>查询、查看</dd>
          </dl>
        </router-link>

        <router-link v-bind:to="{path:'/order/newProgressList'}" class="order-block displayflex">
          <i class="iconfont icon-distribution"></i>
          <dl class="order-txt flex1">
            <dt>物流订单</dt>
            <dd>物流追踪、业务订单</dd>
          </dl>
        </router-link>

        <!-- <router-link v-bind:to="{path:'/order/StockList'}" class="order-block displayflex">
          <i class="iconfont icon-search"></i>
          <dl class="order-txt flex1">
            <dt>库存管理</dt>
            <dd>库存查询、查看</dd>
          </dl>
        </router-link> -->

        <router-link v-bind:to="{path:'/settle'}" class="order-block displayflex">
          <i class="iconfont icon-statement"></i>
          <dl class="order-txt flex1">
            <dt>结算管理</dt>
            <dd>查询、查看</dd>
          </dl>
        </router-link>

        <!-- <router-link v-bind:to="{path:'/order/refundList'}" class="order-block displayflex">
          <i class="llse llse-tuihuo"></i>
          <dl class="order-txt flex1">
            <dt>退货管理</dt>
            <dd>受理、查询</dd>
          </dl>
        </router-link> -->

        <router-link v-bind:to="{path:'/custom'}" class="order-block displayflex">
          <i class="iconfont icon-peoples"></i>
          <dl class="order-txt flex1">
            <dt>我的客户</dt>
            <dd>客户资料</dd>
          </dl>
        </router-link>

        <router-link v-bind:to="{path:'/goods'}" class="order-block displayflex">
          <i class="iconfont icon-drug"></i>
          <dl class="order-txt flex1">
            <dt>我的商品</dt>
            <dd>商品资料</dd>
          </dl>
        </router-link>

      </div>
      



    <!-- <div class="displayflex1">
      <div class="flex">
        <div class="round top"></div>
        <div class="round bottom"></div>
        <div class="one" @click="GoTo('/order/placeOrder')">
          <div>
            <span>
              <i class="iconfont icon-pre-order zhuc"></i>
            </span>
            <span>代下订单</span>
          </div>
          <i class="llse llse-zhixiang"></i>
        </div>
        <div class="one" @click="GoTo('/order/acceptList', {type: '1'})">
          <div>
            <span>
              <i class="iconfont icon-ordered shangpin"></i>
            </span>
            <span>待受理</span>
          </div>
          <i class="llse llse-zhixiang"></i>
        </div>
      </div>

      <div class="flex">
        <div class="round top"></div>
        <div class="round bottom"></div>
        <div class="one" @click="GoTo('/custom')">
          <div>
            <span>
              <i class="iconfont icon-pre-order zhuc"></i>
            </span>
            <span>我的客户</span>
          </div>
          <i class="llse llse-zhixiang"></i>
        </div>
        <div class="one" @click="GoTo('/goods')">
          <div>
            <span>
              <i class="iconfont icon-ordered shangpin"></i>
            </span>
            <span>我的商品</span>
          </div>
          <i class="llse llse-zhixiang"></i>
        </div>
      </div>

      <div class="flex">
        <div class="round top"></div>
        <div class="round bottom"></div>
        <div class="one" @click="GoTo('/order/StockList')">
          <div>
            <span>
              <i class="iconfont icon-pre-order zhuc"></i>
            </span>
            <span>库存查询</span>
          </div>
          <i class="llse llse-zhixiang"></i>
        </div>
        <div class="two" @click="GoTo('/settle')">
          <div>
            <span>
              <i class="iconfont icon-pre-order zhuc"></i>
            </span>
            <span>结算单查询</span>
          </div>
          <i class="llse llse-zhixiang"></i>
        </div>
      </div>
    </div>

    <div class="flex">
      <div class="round top"></div>
      <div class="round bottom"></div>
      <div class="one" @click="GoTo('/order/consumablemateriaList')">
        <div>
          <span>
            <i class="iconfont icon-ordered shangpin"></i>
          </span>
          <span>高值订单</span>
        </div>
      </div>
      <div class="two" @click="GoTo('/order/progresslist')">
        <div>
          <span>
            <i class="iconfont icon-pre-order zhuc"></i>
          </span>
          <span>物流跟踪</span>
        </div>
        <i class="llse llse-zhixiang"></i>
      </div>
    </div> -->
    <manage-footer :status="1"></manage-footer>
  </div>
</template>

<script>
import manageFooter from "@/components/core/footer/manage.footer.vue";
import manageHeader from "@/components/core/header/manage.header.vue";
export default {
  name: "orderIndex",
  components: {
    manageFooter,
    manageHeader
  },
  data() {
    return {
      items: [],
      platforms: [],
      titleshow: false,
      todoCount: []
    };
  },
  created() {
    this.getdata();
  },
  mounted() {
    this.$nextTick(function() {
      //this.getdata();
    });
  },
  methods: {
    getdata() {
      var self = this;
      var userinfo = JSON.parse(localStorage.userinfo);
      self.platforms = userinfo.platform;
      if (userinfo.UserBizType == "Salesman") {
        this.titleshow = false;
      } else {
        this.titleshow = true;
      }
      var query = {
        MedGuid: userinfo.BelongGuid,
        TenantGuid: userinfo.TenantGUID,
        CorpGuid: userinfo.CorpGuid,
        BespeakGUID: userinfo.StaffID,
        BuyerGUID: userinfo.StaffID
      };
    },
    toDet(url) {
      this.$router.push({
        path: url
      });
    },
    GoTo(url, query) {
      console.log(query);
      this.$router.push({
        path: url,
        query: query
      });
    }
  }
};
</script>
